import { Component, OnInit, Input, ElementRef, Renderer2 } from '@angular/core';

@Component({
  selector: 'app-form-item',
  // templateUrl: './form-item.component.html',
  styleUrls: ['./form-item.component.scss'],
  template: `
  <nz-form-item >
    <nz-form-label [nzSpan]="6">
      name
    </nz-form-label>
    <nz-form-control [nzSpan]="6">
      <input nz-input />
    </nz-form-control>
  </nz-form-item>
    
  `
})
export class FormItemComponent implements OnInit {
  @Input() schema: any
  constructor(private renderer: Renderer2, el: ElementRef) {
    // this.renderer.setProperty(el.nativeElement, 'author', 'danwang');
  }


  ngOnInit(): void {
    // this.renderer.setAttribute(...this.schema.colProps.label)
    // this.schema.colProps
    // Object.values(this.schema.colProps)
    console.log(this.renderer, this.schema.colProps);
    
  }

}
